<template>
<div>
    <h4>路由：元信息、滚动行为、路由过渡动画</h4>
    <router-view #default="{route,Component}">
        <transition :enter-active-class="`animate__animated ${route.meta.transition}`">
            <component :is="Component"></component>
        </transition>
    </router-view>
</div>
</template>
    
<script setup lang='ts'>
    import 'animate.css';
</script>
    
<style>
    
</style>